<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>登录</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
	<link rel="stylesheet" href="./css/bootstrap.min.css" />
	<link rel="stylesheet" href="./css/Animor.css" />
	<link rel="icon" type="image/png" href="./img/logo-small.png">
</head>
<body>
<div class="login">
	<form action="login" method="post" name="testForm">
		<h2>登录</h2>
		<div class="form-floating mb-3">
			<input type="text" class="form-control" id="floatingInput" placeholder="name@example.com" name="username" required>
			<label for="floatingInput">用户名</label>
		</div>
		<div class="form-floating">
			<input type="password" class="form-control" id="floatingPassword" placeholder="Password" name="password" required>
			<label for="floatingPassword">密码</label>
		</div>
		<div class="between">
			<input type="submit" class="btn btn-primary" value="注册" onclick="at1()">
			<input type="submit" class="btn btn-primary" value="登录" onclick="at2()">
		</div>
		<div style="display: flex;justify-content: center;">
			<a href="changePass.jsp" style="color: #fff;">忘记密码？</a>
		</div>
	</form>
	<div style="text-align: center;">
		<p style="color: red">${Msg}</p>
	</div>
</div>

<div class="containerUpdate">
	<div class="area">
		<ul class="circles">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
	</div>
</div>
</body>
<script>
	function at1(){
		document.testForm.action = "register";
	}
	function at2(){
		document.testForm.action = "login";
	}
</script>
</html>